<div class="">
    <div class="tabbable card">
        <div class="card-header-nav-pills">
            <ul class="nav nav-tabs text-center nav-fill">
                <li class="nav-item" ng-repeat="pane in panes">
                    {{pane}}
                    <a class="nav-link" ng-class="{active:pane.selected}" href="" ng-click="select(pane)"><span
                            class="{{pane.icon}}"></span>
                        {{pane.header}}</a>
                </li>
            </ul>
        </div>
        <div class="card-body">
            <div class="tab-content" ng-transclude></div>
        </div>
    </div>
</div>